<template>
  <div class="homePage">
    <div class="mainContent">
      <!-- <div class="block">
        <div><img src="http://img3.epanshi.com/14472/upload/top/sy-banner-08.jpg" alt=""></div>
      </div> -->
      <div class="contentWrap">
        <div class="summarize">
          <div>
            <!-- <span>FOCUS</span><br> -->
            精英团队
          </div>
          <span>暂无</span>
        </div>
        <div class="content">
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'HomePage',
  data () {
    return {
    }
  },
  methods: {
  }
}
</script>

<style scoped>
.imgWrap{
  height: 100%;
  width: 100%;
}
.imgWrap img{
  height: 100%;
  width: 100%;
}
.contentWrap {
  width: 1100px;
  margin: 80px auto;
}
.contentWrap .summarize {
  width: 1100px;
  /* height: 25px; */
  padding: 30px 150px 10px;
  font: normal 14px/28px '微软雅黑';
  color: #c9c5c5;
  text-align: center;
  border-top:1px solid #c9c5c5;
  position: relative;
  box-sizing: border-box;
}

.summarize div{
  font: normal 34px/50px '微软雅黑';
  color: #333;
  background: white;
  text-align: center;
  position: absolute;
  width: 210px;
  left: 50%;
  border-left: 1px solid #c9c5c5;
  border-right: 1px solid #c9c5c5;
  margin-left: -105px;
  top: -30px;
}
.content {
  width: 92%;
  /* height: 300px; */
  /* background: red; */
  margin: 10px auto;
  position: relative;
}
.block{
  /* height: 100%; */
  width: 100%;
}
.block img{
  height: 100%;
  width: 100%;
}
</style>
